<h2>toolbar.js</h2>
<p>Basic Toolbar control</p>
<hr/>

<h3>Objects</h3>
<ul>
	<li><a href="#toolbar">OAT.Toolbar()</a></li>
</ul>

<h3>Methods</h3>
<ul>
	<li><a href="#addicon">OAT.Toolbar::addIcon(twoStates, imagePath, tooltip, callback)</a></li>
	<li><a href="#addseparator">OAT.Toolbar::addSeparator()</a></li>
</ul>

<h3>CSS slasses</h3>
<ul>
	<li>.toolbar</li>
	<li>.toolbar_icon</li>
	<li>.toolbar_icon_down</li>
	<li>.toolbar_separator</li>
</ul>

<hr/>

<h3><a name="toolbar">OAT.Toolbar()</a></h3>
<p>Creates a Toolbar. Its main DIV is accessible as <code>toolbar.div</code>.</p>

<h3><a name="addicon">OAT.Toolbar::addIcon(twoStates, imagePath, tooltip, callback)</a></h3>
<p>Adds a new icon to Toolbar. If <em>twoStates</em> == true, than this icon will have two states (otherwise 1). This icon will have image located at <em>imagePath</em>, 
it will display <em>tooltip</em> onHover and clicking it will execute <em>callback</em> (with state #, 0 or 1, as an argument).</p>


<h3><a name="addseparator">OAT::Toolbar::addSeparator()</a></h3>
<p>Adds a separator.</p>

<p class="code">
var callback = function(state) { alert(state); } <br/>
var t = new OAT.Toolbar(); <br/>
t.addIcon(true, "", "some tooltip", callback);<br/>
document.body.appendChild(t.div);
</p>

